<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.11.1.js"></script>
    <script>
        $(function () {
            //利用过滤选恶气设置偶数位元素的背景
            var jqliodd = $("ul li:odd");   //  获取基数索引
            jqliodd.css("background", "pink");

            //利用过滤选择器设置寄数位元素的背景
            var jqlieven = $("ul li:even"); //  获取偶数索引
            jqlieven.css("background","red");

            //利用过滤选择器设置制定索引元素的背景
            var jqlisecond = $("ul li:eq(0)");
            jqlisecond.css("background", "yellow");

            //获取页面上所有的li，然后最大索引值就是长度-1
            var li = $("li");
            var  jqlistfist = $("ul li:eq("+(li.length-1)+")");
            jqlistfist.css("background", "blue");
        })
    </script>
</head>
<body>
<ul>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
    <li>喝酒，抽烟，烫头于大爷的三大爱好</li>
</ul>
</body>
</html>